import React from 'react';
import PropTypes from 'prop-types';
import cn from 'classnames';
import { Link } from 'react-router-dom';

import Icon from '../../components/Icon';
import s from './StatusLink.module.css';

export default function StatusLink({
	className,
	securityStatus,
	children,
}) {
	return (
		<div className={cn(className, s.statusLink, s[securityStatus])}>
			<span className={s.text}>{children}</span>
		</div>
	);
}

StatusLink.propTypes = {
	className: PropTypes.string,
	securityStatus: PropTypes.string,
	to: PropTypes.string,
	children: PropTypes.node,
};

StatusLink.defaultProps = {
	className: s.statusLink,
	securityStatus: 'safe',
};
